<template>
  <div class="wrapper">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item>结算管理</el-breadcrumb-item>
      <el-breadcrumb-item>结算明细</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="easy-content">
      <el-tabs v-model="activeName">
        <el-tab-pane label="结算总述"
          name="first">
          <Summary  />
        </el-tab-pane>
        <el-tab-pane label="转账记录"
          name="second">
          <TransferRecord v-if="activeName=='second'" />
        </el-tab-pane>

      </el-tabs>
    </div>
  </div>
</template>

<script>
import Summary from "./summary";
import TransferRecord from "./transferRecord";
export default {
  components: {
    TransferRecord,
    Summary
  },
  props: {},
  data() {
    return {
      activeName: "first"
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
.wrapper {
}
</style>